@charset"UTF-8";
*{
    font-size: 0;
}
html,body{
    height: 100%;
    width: 100%;
}
html{
    font-size: 40px;
}
.web{
    width: 100%;
    padding-bottom: 1.725rem;
    >.first{
        width: 100%;
        margin-bottom: 1.175rem;
        >div{
            margin-bottom: 0.5rem;
            margin-top: 2.975rem;
            width: 100%;
            text-align: center;
            >img{
            width: 5.975rem;
            height: 5.325rem;
            }
        }
        >p{
            text-align: center;
            font-weight: bold;
            font-size: 0.5rem;
        }
        
        
    }
    .second{
        >ul:first-of-type{
            display: flex;
            -webkit-diaplay:flex;
            width:100%; 
            height: 5.69rem;
            flex-direction: column;
            justify-content: space-between;
            >li{
                margin: 0 auto;
                width: 100%;
                height: 1.35rem;
                text-align: center;
                >form{
                    >input{
                        border-radius: 10px;
                        padding-left: 0.3rem;
                        border:2px solid  #a8a9a8;
                        width: 8.775rem;
                        height: 1.34rem;
                        font-size: 0.6rem;
                    }
                }
               
            }
            >li:last-of-type{
                    width: 8.775rem;
                    height: 1.34rem;
                input{
                     background: #333333;
                     font-size: 0.6rem;
                    color: white;
                    width: 8.775rem;
                    height: 1.34rem;
                }
               
            }
        }
        ul:nth-of-type(2){
                width: 8.775rem;
                margin: 0.325rem auto;
                margin-bottom: 7.675rem;
            >li:first-of-type{
                float: left;
                >a{
                    color: #a8a9a8;
                font-size: 0.675rem;
                border-bottom: 1px solid #a8a9a8;
                }
            }
            >li:last-of-type{
                float: right;
                >a{
                    color: #a8a9a8;
                    font-size: 0.675rem;
                    border-bottom: 1px solid #a8a9a8;
                }
               
            }
        }
    }
    .third{
        width: 8.775rem;
        margin: 0 auto;
        >ul{
            display: flex;
            justify-content: space-between;
            >li:first-of-type{
//              width: 2.125rem;
                >img{
                    display: block;
                    width: 1.15rem;
                    height: 1.2rem;
                    margin: 0 auto;
                }
                >p{
                    font-size: 0.525rem;
                    color: #a8a9a8;
                }
            }
            >li:nth-of-type(2){
//              width: 2.125rem;
                >img{
                    display: block;
                    width: 1.45rem;
                    height: 1.2rem;
                    margin: 0 auto;
                }
                >p{
                    font-size: 0.525rem;
                    color: #a8a9a8;
                }
            }
            >li:last-of-type{
//              width: 2.125rem;
                >img{
                    display: block;
                    width: 1.55rem;
                    height: 1.2rem;
                    margin: 0 auto;
                }
                >p{
                    font-size: 0.525rem;
                    color: #a8a9a8;
                }
            }
        }
    }
}
